//
//  SetLaboratoryView.swift
//  imprint
//
//  Created by 小柠檬🍋 on 2024/12/26.
//

import SwiftUI

struct SetLaboratoryView: View {
    @EnvironmentObject var themeManager: ThemeManager
    @State private var isPasswordToggle = false
    @State private var isFaceToggle = false
    @State private var selectedColor = Color.red
    
    var body: some View {
        HStack{
            VStack(alignment: .leading, spacing: 10) {
                Text("实验室")
                    .foregroundColor(.bgItemContent)
                    .fontWeight(.bold)
                    .font(.system(size: 14))
                //                HStack {
                //                     Text("浅色模式")
                //                        .font(.system(size: 14))
                //                        .foregroundColor(.bgItemContent)
                //                     Spacer()
                //                     Image(systemName: "arrow.right.circle.fill")
                //                         .resizable()
                //                         .scaledToFit()
                //                         .foregroundColor(.gray.opacity(0.5))
                //                         .frame(width: 15, height: 15)
                //                         .clipped()
                //                }.padding(.top,5).padding(.bottom,5)
                //                HStack {
                //                     Text("深色模式")
                //                        .font(.system(size: 14))
                //                        .foregroundColor(.bgItemContent)
                //                     Spacer()
                //                    Image(systemName: "arrow.right.circle.fill")
                //                        .resizable()
                //                        .scaledToFit()
                //                        .foregroundColor(.gray.opacity(0.5))
                //                        .frame(width: 15, height: 15)
                //                        .clipped()
                //                }.padding(.top,5).padding(.bottom,5)
                //                HStack {
                //                     Text("自定义布局")
                //                        .font(.system(size: 14))
                //                        .foregroundColor(.bgItemContent)
                //                     Spacer()
                //                    Image(systemName: "arrow.right.circle.fill")
                //                        .resizable()
                //                        .scaledToFit()
                //                        .foregroundColor(.gray.opacity(0.5))
                //                        .frame(width: 15, height: 15)
                //                        .clipped()
                //                }.padding(.top,5).padding(.bottom,5)
                //                HStack {
                //                     Text("更换App图标")
                //                        .font(.system(size: 14))
                //                        .foregroundColor(.bgItemContent)
                //                     Spacer()
                //                    Image(systemName: "arrow.right.circle.fill")
                //                        .resizable()
                //                        .scaledToFit()
                //                        .foregroundColor(.gray.opacity(0.5))
                //                        .frame(width: 15, height: 15)
                //                        .clipped()
                //                }.padding(.top,5).padding(.bottom,5)
                HStack {
                    ColorPicker("调整主题色", selection: $selectedColor)
                        .font(.system(size: 14))
                }.padding(.top,5).padding(.bottom,5)
                    .onChange(of: selectedColor) { value in
                        showLog(value.toHex() ?? AppStorageManager.shared.defaultColor)
                        themeManager.setThemeColor(hex : value.toHex() ?? AppStorageManager.shared.defaultColor)
                    }
                    .onAppear {
                        selectedColor = themeManager.themeColor
                    }
                HStack {
                    Text("气泡商城")
                        .font(.system(size: 14))
                        .foregroundColor(.bgItemContent)
                    Spacer()
                    Image(systemName: "arrow.right.circle.fill")
                        .resizable()
                        .scaledToFit()
                        .foregroundColor(.gray.opacity(0.5))
                        .frame(width: 15, height: 15)
                        .clipped()
                }.padding(.top,5).padding(.bottom,5)
                    .contentShape(Rectangle())
                    .onTapGesture {
                        pathManager.jump(type: JumpType.BUBBLE_SHOP)
                    }
            }
            Spacer()
        }.frame(maxWidth: .infinity).padding().background(.bgItem).clipShape(RoundedRectangle(cornerRadius: 15))
    }
}

//#Preview {
//    SetLaboratoryView()
//}

//定义预览提供者
struct SetLaboratory_Previews: PreviewProvider {
    static var previews: some View {
        //使用预览共享配置
        configurePreviewEnvironment(for: SetLaboratoryView())
    }
}
